<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog qcItemEdit" style="background-color: #fafafa; ">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'qcItemEdit.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-layout-page left">
                <div class="kmi-list type-list  none-column-split">
                    <div class="kmi-list__header">
                        <!--<div class="kmi-list__column" style="flex:0 0 88px;padding-left:8px;" ng-bind="'qcItemEdit.typeList.column1' | translate"></div>-->
                        <div class="kmi-list__column" style="padding: 0px 8px;" ng-bind="'qcItemEdit.unselectList.column1' | translate" ></div>
                        <div class="kmi-text-fields" style="padding-right: 8px;">
                            <!--<input ng-model="queryType"/>-->
                            <input ng-model="dialog.filterItem.queryUnselect"></input>
                            <div class="tip"><i class="material-icons" style="background:transparent;">search</i></div>
                        </div>
                    </div>
                    <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat-start="item in dialog.typeList track by $index" ng-click="dialog.clickTypeItem($index, item);"
                        ng-class="{'is-close':!item.showMachines}" style="padding-right: 12px;">
                        <!-- <i class="material-icons" style="transition:all ease-in-out .25s;" ng-class="{'is-close':!item.showMachines}">&#xE5CF;</i> -->
                        <!-- <i class="material-icons close">remove</i>
                        <i class="material-icons open">add</i> -->
                        <img class="material-icons close" src="image/icons/24x24-1.png"></img>
                        <img class="material-icons open" src="image/icons/24x24.png"></img>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'qcItemEdit.qc_type_'+item.qc_type | translate" style="font-weight:600;"></div>
                        <div class="kmi-list__column" style="flex:0 0 90px;text-align:right;" ng-bind="'('+dialog.typeCountMap[item.qc_type]+'/'+item.qcItemList.length+')'"></div>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-list inner-list none-scrollbar" ng-repeat-end ng-class="{'is-close':!item.showMachines}">
                        <div class="kmi-list__row-content">
                            <div class="kmi-list__row" ng-repeat="machine in item.qcItemList | filter : dialog.filterUnselect track by $index" ng-click="dialog.clickUnselectItem($index, machine);">
                                <div class="kmi-list__column" style="flex:1;">{{machine.qc_item_name + ' ('+machine.qc_item_no+')'}}</div>
                                <div class="kmi-list__column-btn" >
                                    <button class="mdl-button mdl-js-button mdl-button--icon" >
                                    <img src="image/icons/move4.png"></img>
                                    </button>
                                </div>
                                <div class="kmi-can-click"></div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="kmi-layout-page right">
                <div class="kmi-list select-list none-column-split">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex:1;padding-left:8px;" ng-bind="'qcItemEdit.selectList.column1' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.selectList track by $index" ng-click="dialog.clickselectItem($index, item);">
                        <div class="kmi-list__column" style="flex:0 0 32px;padding: 0;" >
                            <button class="mdl-button mdl-js-button mdl-button--icon" >
                            <img src="image/icons/move5.png"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column" style="flex:1;">{{item.qc_item_name + ' ('+item.qc_item_no+')'}}</div>
                        <div class="kmi-can-click"></div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="search-tool">
            <div class="kmi-button kmi-button-confrim"  ng-click="dialog.confirm()" style="width:100px">
                <label ng-bind="'qcItemEdit.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
</div>
